<template>
  <div class="cover-row-wrapper">
    <cover-row-header :text="item.title" />
    <van-row>
      <cover-row-item
        v-for="(item, idx) in item.listItems"
        :key="`${item.name}-${item.link}-${item.img}-${idx}`"
        :item="item"
      />
    </van-row>
  </div>
</template>
<script>
import CoverRowHeader from './CoverRowHeader'
import CoverRowItem from './CoverRowItem'
export default {
  props: {
    item: {
      type: Object,
      default: () => {},
      required: true,
    },
  },
  components: { CoverRowHeader, CoverRowItem },
  data() {
    return {}
  },
  computed: {},
  mounted() {},
  filters: {},
  watch: {},
  methods: {},
}
</script>

<style lang="less" scoped>
.cover-row-wrapper {
  // min-height: 100%;
  margin-top: 28px;

  & > div:nth-of-type(2) {
    display: flex;
    // justify-content: center;
    flex-wrap: wrap;
    // background-color: #000fff;

    & > div {
      margin-right: 10px;
    }
    & > div:nth-of-type(3) {
      margin-right: 0;
    }
  }
}
</style>
